<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>程序员客栈</title>
		<link rel="stylesheet" type="text/css" href="./css/index.css" />
		<link rel="stylesheet" href="./css/swiper-bundle.min.css" />
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
		<script type="text/javascript" src="./js/index.js"></script>
	</head>
	<body>
		<div class="back">
			<img src="img/background.jpg">
		</div>
		<div class="header">
			<div class="heart">
				<div class="nav">
					<div id="logo">
						<a href=""><img src="img/logo.png"></a>
					</div>
					<div class="list">
						<ul class="list_content">
							<a href="">
								<li>首页</li>
							</a>
							<a href="./html/programmer.html">
								<li>程序员</li>
							</a>
							<a href="">
								<li  class="solve">解决方案</li>
								<div class="menu" hidden>
									<h2>解决方案</h2>
									<div class="menu_list">
										<a href="./html/free.html"><div class="menuListLeft">
											<img src="img/ziyou.png" >
											<div class="ziyou">
												<p class="ziyou_">自由工作</p>
												<p class="yuancheng_">远程工作、驻场工作</p>
											</div>
										</div></a>
										<a href="./html/release.html"><div class="menuListLeft">
												<img src="./img/xiangmu.png" >
												<div class="ziyou">
													<p class="ziyou_">项目开发</p>
													<p class="yuancheng_">一站式软件开发、驻场工作</p>
												</div>
											</div></a>
											<a href=""><div class="menuListLeft">
												<img src="./img/renli.png" >
												<div class="ziyou">
													<p class="ziyou_">人力外包</p>
													<p class="yuancheng_">高效技术人力灵活用工</p>
												</div>
											</div></a>
									</div>
									
									
								</div>
							</a>
							<a href="" class="prea">
								<li>
									<input type="text" id="search" placeholder="搜索您感兴趣的内容" />
									<img src="img/fangdajing1.png">
								</li>
							</a>
							<a href="" class="more">
								<li class="geng">更多</li>
								<div class="moreBox_" hidden>
									<div class="mareBox">
										<div class="mareBox_list">
											<img src="img/kaifawu.png" >
											<span class= "kaifa">开发屋</span>
										</div>
									</div>
									<div class="mareBox">
										<div class="mareBox_list">
											<img src="img/heyi.png" >
											<span>UniSMS (合一短信) </span>
										</div>
									</div>
									<div class="mareBox">
										<div class="mareBox_list">
											<img src="img/yes.png" >
											<span>YesDev</span>
										</div>
									</div>
												
								</div>
								
							</a>
							<a href="" class="app">
								<li >APP下载</li>
							</a>
							<a href="./html/login.html" class="loginGo">
								<li>登录</li>
							</a>
							<a href="./html/register.html">
								<li>注册</li>
							</a>
						</ul>
					</div>
				</div>
				
				<div class="login_box" hidden>
					<div class="login_top">
						<!-- <button type="button" class="loginTop_go ziti">验证码登录</button> -->
						<button type="button" class="passwardtop_go">密码登录</button>
					</div>
				
					<!-- 密码登录 -->
					<div class="passwardKuang">
						<div class="passward_put">
							<input type="" name="" id="email" value="" placeholder="请输入邮箱" />
							<input type="password" name="" id="password" val="" placeholder="请输入密码" />
						</div>
						<a href=""><p>忘记密码</p></a>
						<div class="button_">
							<button type="button" class="denglu">登录</button>
							<button type="button">注册</button>
						</div>
						<div class="chengxu">
							程序员客栈-程序员的经纪人
						</div>
						<div class="select">
							<input type="checkbox" name="" id="" value="" />
							我接受《用户服务协议》和《个人信息保护政策》
						</div>
						<div class="icon">
							<a href=""><img src="img/weibo.png"></a>
							<a href=""><img src="img/weixin.png"></a>
							<a href=""><img src="img/QQ.png"></a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="header">
			<div class="heart">
				<div class="back_content">
					<p class="title">67万+优秀开发者，您的专属云端开发团队</p>
					<p class="sub-title">BAT级别的开发者，标准化的服务和交付</p>
					<div class="actions">
						<button type="button" class="blue">免费发布需求</button>
						<button type="button" class="touming">申请签约接单</button>
					</div>
				</div>
			</div>
		</div>
		<div id="kong"></div>
		<div class="main">
			<div class="heart_">
				<div class="main_title">
					<h1>开发服务方案</h1>
					<div class="blue"></div>
					<p>查看案例></p>
				</div>
				<div class="banner">
					<div class="left blue_">
						<div class="left_back">
							<img src="./img/left_back.png">
						</div>
						<p class="xuqiu">
							需求梳理
						</p>
						<div class="left_title">
							产品需求规划，是软件项目成功的关键，帮助您把产品想法更好地落地。
						</div>
						<div class="left_list">
							<span id="duihao">
								<img src="./img/duihao.png">
							</span>
							<span id="biaoti">
								严选资深产品专家 更懂用户的需求
							</span>
						</div>
						<div class="left_list">
							<span id="duihao">
								<img src="./img/duihao.png">
							</span>
							<span id="biaoti">
								严选资深产品专家 更懂用户的需求
							</span>
						</div>
						<div class="left_list">
							<span id="duihao">
								<img src="./img/duihao.png">
							</span>
							<span id="biaoti">
								严选资深产品专家 更懂用户的需求
							</span>
						</div>
						<div class="left_liaojie">
							了解详情
						</div>
					</div>
					<div class="left">
						<div class="left_back">
							<img src="./img/left_back.png">
						</div>
						<p class="xuqiu">
							整包项目
						</p>
						<div class="left_title">
							产品需求规划，是软件项目成功的关键，帮助您把产品想法更好地落地。
						</div>
						<div class="left_list">
							<span id="duihao">
								<img src="./img/duihao.png">
							</span>
							<span id="biaoti">
								严选资深产品专家 更懂用户的需求
							</span>
						</div>
						<div class="left_list">
							<span id="duihao">
								<img src="./img/duihao.png">
							</span>
							<span id="biaoti">
								严选资深产品专家 更懂用户的需求
							</span>
						</div>
						<div class="left_list">
							<span id="duihao">
								<img src="./img/duihao.png">
							</span>
							<span id="biaoti">
								严选资深产品专家 更懂用户的需求
							</span>
						</div>
						<div class="left_liaojie">
							了解详情
						</div>
					</div>
					<div class="left">
						<div class="left_back">
							<img src="./img/left_back.png">
						</div>
						<p class="xuqiu">
							云端工作
						</p>
						<div class="left_title">
							产品需求规划，是软件项目成功的关键，帮助您把产品想法更好地落地。
						</div>
						<div class="left_list">
							<span id="duihao">
								<img src="./img/duihao.png">
							</span>
							<span id="biaoti">
								严选资深产品专家 更懂用户的需求
							</span>
						</div>
						<div class="left_list">
							<span id="duihao">
								<img src="./img/duihao.png">
							</span>
							<span id="biaoti">
								严选资深产品专家 更懂用户的需求
							</span>
						</div>
						<div class="left_list">
							<span id="duihao">
								<img src="./img/duihao.png">
							</span>
							<span id="biaoti">
								严选资深产品专家 更懂用户的需求
							</span>
						</div>
						<div class="left_liaojie">
							了解详情
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- Swiper -->
		<div class="zhongxin">
			<div class="swiper mySwiper">
				<div class="swiper-wrapper heart_">
					<div class="swiper-slide"><img src="img/lunbo1.png"></div>
					<div class="swiper-slide"><img src="img/lunbo2.png"></div>
					<div class="swiper-slide"><img src="img/lunbo3.png"></div>
					<div class="swiper-slide"><img src="img/lunbo4.png"></div>
				</div>
				<div class="swiper-pagination"></div>
			</div>
			
		</div>
		
		<div class="heart_">
			<div class="main_title">
				<h1>开通会员，享用更多特权</h1>
				<div class="blue"></div>
			</div>
			<div class="member">
				<div class="member_left">
					<img src="img/qhy.png" >
					<div class="memberKong"></div>
					<div class="memberXuqiu">
						<img src="img/huangguan.png" >
						<span >
							需求优先
						</span>
					</div>
					<div class="memberBest">
						<img src="img/bang.png" >
						<span >
							最优技术人力解决方案
						</span>
					</div>
					<div class="liaojie">
						了解详情
					</div>
				</div>
				<div class="member_left member-right">
					<img src="img/khy.png" >
					<div class="memberKong"></div>
					<div class="memberXuqiu">
						<img src="img/huojian.png" >
						<span >
							极速接单
						</span>
					</div>
					<div class="memberBest">
						<img src="img/jh.png" >
						<span >
							更多接单机会，快来了解
						</span>
					</div>
					<div class="liaojie liaojie_">
						了解详情
					</div>
				</div>
			</div>
			<div id="asd"></div>
			<div class="main_title">
				<h1>最新精选评价</h1>
				<div class="blue"></div>
			</div>
			<!-- Swiper -->
			<div class="zhongxin">
				<div class="swiper mySwiper">
					<div class="swiper-wrapper heart_">
						<div class="swiper-slide">
							<div class="swiper_list">
								<img src="img/zhangsan.png" >
								<p>张三</p>
								<p>程序员很专业，配合很好，强烈推荐</p>
							</div>
						</div>
						<div class="swiper-slide">
							<div class="swiper-slide">
								<div class="swiper_list">
									<img src="img/zhangsan.png" >
									<p>李四</p>
									<p>程序员很专业，配合很好，强烈推荐</p>
								</div>
							</div>
						</div>
						<div class="swiper-slide">
							<div class="swiper-slide">
								<div class="swiper_list">
									<img src="img/zhangsan.png" >
									<p>王五</p>
									<p>在规定时间完成了动作，强烈推荐</p>
								</div>
							</div>
						</div>
						<div class="swiper-slide">
							<div class="swiper-slide">
								<div class="swiper_list">
									<img src="img/zhangsan.png" >
									<p>赵六</p>
									<p>程序员很专业，配合很好，强烈推荐</p>
								</div>
							</div>
						</div>
					</div>
					<div class="swiper-pagination"></div>
				</div>
				<div class="chakan">
					查看更多
				</div>
			</div>
		</div>
		<div class="blueBut">
			<button type="button" class="blueBlue">免费发布需求</button>
			<button type="button" class="bluetouming">申请签约接单</button>
		</div>
		<div class="foot">
			<div class="heartFo">
				<div class="tips">
					<img src="img/logo_register.png" >
					<div class="tips_title">
						<h5>重点城市程序员兼职推荐</h5>
						<a href="">北京程序员</a>
						<a href="">上海程序员</a>
						<a href="">深圳程序员</a>
						<a href="">杭州程序员</a>
						<a href="">广州程序员</a>
						<a href="">成都程序员</a>
						<a href="">南京程序员</a>
						<h5>重点岗位程序员兼职推荐</h5>
						<a href="">技术创始人兼职</a>
						<a href="">Rust兼职</a>
						<a href="">小程序兼职</a>
						<a href="">cocos2d-x兼职</a>
						<a href="">Unity3D兼职</a>
						<a href="">DBA兼职</a>
						<a href="">运维兼职</a>
						<a href="">测试兼职</a>
						<a href="">移动其他兼职</a>
					</div>
				</div>
			</div>
			<div class="foot_heart">
				<div class="box">
					<a href="">App下载</a>
					<a href="">帮助</a>
					<a href="">关于我们</a>
					<a href="">合作伙伴</a>
					<a href="">意见反馈</a>
					<div class="box_right">
						<p>浙ICP备15029175号</p>
						<p>浙公网安备 33011002011566号</p>
					</div>
				</div>
			</div>
		</div>
		
		
		
		
		
		
		
		
		
	</body>
	<script src="./js/swiper-bundle.min.js"></script>
	<script type="text/javascript">
		var swiper = new Swiper(".mySwiper", {
			loop: true,
			pagination: {
				el: ".swiper-pagination",
				dynamicBullets: true,
			},
			autoplay: {
				delay: 1000, //控制时间
				disableOnInteraction: true,
				disableOnInteraction: false,
			},
			effect: 'coverflow', //控制翻滚动效
			pagination: {
				el: '.swiper-pagination', //点标记
				dynamicBullets: true,
				dynamicMainBullets: 2
			},
		
		});
	</script>

</html>
